<!-- #section:basics/navbar.layout -->
<div id="navbar" class="navbar navbar-default">
  <script type="text/javascript">
    try{ace.settings.check('navbar' , 'fixed')}catch(e){}
  </script>
  <div class="navbar-container" id="navbar-container">
    <!-- #section:basics/sidebar.mobile.toggle -->
    <!-- /section:basics/sidebar.mobile.toggle -->
    <div class="navbar-header pull-left">
      <!-- #section:basics/navbar.layout.brand -->
      <a href="index" class="navbar-brand" style="height: 45px; padding-top: 5px;">
        <small><img src="resources/images/logo-left.png" style="height: 40px;" alt="Kunter.cn"> 后台管理系统</small>
      </a>
      <!-- /section:basics/navbar.layout.brand -->
      <!-- #section:basics/navbar.toggle -->
      <!-- /section:basics/navbar.toggle -->
    </div><!-- /.navbar-header -->
    <!-- #section:basics/navbar.dropdown -->
    <div class="navbar-buttons navbar-header pull-right" role="navigation">
      <ul class="nav ace-nav">
        <li class="grey">
          <a href="javascript:void(0);" data-toggle="dropdown" class="dropdown-toggle">
            <i class="ace-icon fa fa-tasks"></i><span class="badge badge-grey">4</span>
          </a>
          <ul class="dropdown-menu-left dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header"><i class="ace-icon fa fa-check"></i> 还有4个任务完成</li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">软件更新</span>
                  <span class="pull-right">65%</span>
                </div>
                <div class="progress progress-mini ">
                  <div style="width:65%" class="progress-bar "></div>
                </div>
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">硬件更新</span>
                  <span class="pull-right">35%</span>
                </div>
                <div class="progress progress-mini ">
                  <div style="width:35%" class="progress-bar progress-bar-danger"></div>
                </div>
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">单元测试</span>
                  <span class="pull-right">15%</span>
                </div>
                <div class="progress progress-mini ">
                  <div style="width:15%" class="progress-bar progress-bar-warning"></div>
                </div>
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">错误修复</span>
                  <span class="pull-right">90%</span>
                </div>
                <div class="progress progress-mini progress-striped active">
                  <div style="width:90%" class="progress-bar progress-bar-success"></div>
                </div>
              </a>
            </li>
            <li class="dropdown-footer">
              <a href="javascript:void(0);">查看任务详情 <i class="ace-icon fa fa-arrow-right"></i></a>
            </li>
          </ul>
        </li>
        <li class="purple">
          <a href="javascript:void(0);" data-toggle="dropdown" class="dropdown-toggle">
            <i class="ace-icon fa fa-bell icon-animated-bell"></i>
            <span class="badge badge-important">8</span>
          </a>
          <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header"><i class="ace-icon fa fa-exclamation-triangle"></i> 8条通知</li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">
                    <i class="btn btn-xs no-hover btn-pink fa fa-comment"></i> 新闻评论
                  </span>
                  <span class="pull-right badge badge-info">+12</span>
                </div>
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <i class="btn btn-xs btn-primary fa fa-user"></i> 切换为编辑登录..
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">
                    <i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i> 新订单
                  </span>
                  <span class="pull-right badge badge-success">+8</span>
                </div>
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <div class="clearfix">
                  <span class="pull-left">
                    <i class="btn btn-xs no-hover btn-info fa fa-twitter"></i> 粉丝
                  </span>
                  <span class="pull-right badge badge-info">+11</span>
                </div>
              </a>
            </li>
            <li class="dropdown-footer">
              <a href="javascript:void(0);">查看所有通知 <i class="ace-icon fa fa-arrow-right"></i></a>
            </li>
          </ul>
        </li>
        <li class="green">
          <a href="javascript:void(0);" data-toggle="dropdown" class="dropdown-toggle">
            <i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
            <span class="badge badge-success">5</span>
          </a>
          <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header"><i class="ace-icon fa fa-envelope-o"></i> 5条消息</li>
            <li class="dropdown-content ace-scroll scroll-active" style="position: relative;">
              <ul class="dropdown-menu dropdown-navbar">
                <li>
                  <a href="javascript:void(0);">
                    <img src="resources/uploads/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                    <span class="msg-body">
                      <span class="msg-title">
                        <span class="blue">Alex:</span> 不知道写啥 ...
                      </span>
                      <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i> <span>1分钟以前</span></span>
                    </span>
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="resources/uploads/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
                    <span class="msg-body">
                      <span class="msg-title">
                        <span class="blue">Susan:</span>不知道翻译...
                      </span>
                      <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>20分钟以前</span></span>
                    </span>
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="resources/uploads/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
                    <span class="msg-body">
                      <span class="msg-title">
                        <span class="blue">Bob:</span>到底是不是英文 ...
                      </span>
                      <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>下午3:15</span></span>
                    </span>
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="resources/uploads/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
                    <span class="msg-body">
                      <span class="msg-title">
                        <span class="blue">Bob:</span>到底是不是英文 ...
                      </span>
                      <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>下午3:15</span></span>
                    </span>
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0);">
                    <img src="resources/uploads/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                    <span class="msg-body">
                      <span class="msg-title">
                        <span class="blue">Alex:</span> 不知道写啥 ...
                      </span>
                      <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i> <span>1分钟以前</span></span>
                    </span>
                  </a>
                </li>
              </ul>
            </li>
            <li class="dropdown-footer"><a href="/inbox">查看所有消息 <i class="ace-icon fa fa-arrow-right"></i></a></li>
          </ul>
        </li>
        <!-- #section:basics/navbar.user_menu -->
        <li class="light-blue">
          <a data-toggle="dropdown" href="javascript:void(0);" class="dropdown-toggle">
            <img class="nav-user-photo" src="resources/uploads/avatars/user.jpg" alt="Jason's Photo" />
            <span class="user-info"><small>欢迎光临,</small>Jason</span>
            <i class="ace-icon fa fa-caret-down"></i>
          </a>
          <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
            <li><a href="javascript:void(0);"><i class="ace-icon fa fa-cog"></i>设置</a></li>
            <li><a href="javascript:void(0);"><i class="ace-icon fa fa-user"></i>个人资料</a></li>
            <li class="divider"></li>
            <li><a href="/logout"><i class="ace-icon fa fa-power-off"></i>退出</a></li>
          </ul>
        </li>
        <!-- /section:basics/navbar.user_menu -->
      </ul><!-- /.ace-nav -->
    </div><!-- /.navbar-header -->
    <!-- /section:basics/navbar.dropdown -->
  </div><!-- /.navbar-container -->
</div>